import React, { PureComponent } from 'react';
import ComponentB from './ComponentB' 


// 优化组件：PureComponent 监听到state更改前和更改后数据没有发生变化，不会触发生命周期


class ComponentA extends PureComponent {

    changeParentTitle = () => {
        const { changeTitle } = this.props

        changeTitle('子组件中修改')
    }
    render() {
        const { title } = this.props
        return <div>
            我是a组件
            <p>接收由父组件传来的参数title,值为：{title}</p>
            <ComponentB/>
            <button onClick={() => this.changeParentTitle()}> 在组件中修改父组件中的state</button>
        </div>
    }
}

export default ComponentA
